<template>
    <div class="ErrorQRcode">
        <image class="ErrorQRcode-img" src="@/static/ErrorQRcode.png"/>
        <span class="ErrorQRcode-text">{{ content }}</span>
    </div>
</template>

<script>
export default {
    name: "ErrorQRcode",
    data() {
        return {
            content: ""
        }
    },
    onLoad(params) {
        this.content = params.message && params.message != "undefined" ? params.message : this.i18n('submitSuccess', '提交成功');
    },
    methods: {
        i18n(name, text, key) {
            return this.$ti18(name, text, "exceptionLang", key);
        },
    }
}
</script>

<style scoped>
.ErrorQRcode-img {
    width: 16rem;
    margin-left: calc(50% - 8rem);
    margin-top: 50%;
}

.ErrorQRcode-text {
    display: block;
    text-align: center;
    color: #cccccc;
    font-size: 1rem;
}
</style>
